/*引入混合函数*/
@import "mixins.less";
/*引入全局变量*/
@import "varibles.less";
#register{
    input{
        outline: none;
          &::placeholder {
              color: #cccccc;
          }
    }
    width: 100%;
    // <!-- 头部导航 -->
    .top-nav{
        display: flex;
        font-size: 0.16rem;
            .top-nav1{
                width: 33.333%;
                i{
                    display: block;
                    margin: 0.1rem 0rem 0rem 0.15rem;
                    height: 0.175rem;
                   .w(35);
                    background: url(../images/icon/sprites.png) no-repeat -0.22rem -0.15rem;
                    box-sizing: border-box;
                    background-size: 3.75rem 4.75rem;
                }
             
            }
            p{
                padding: 0.1rem 0rem;
                display: block;
                width: 33.333%;
                text-align: center;
                color: #000000;
            }
            .top-nav3{
                padding: 0.1rem 0rem;
                width: 33.333%;
                text-align: right;
                padding-right: 0.15rem;
            }
    }
    

.register-details{
    .max-width();
    width: 100%;
    font-size: 0.14rem;
    .regin{
        width: 87.2%;
      
        margin: 0.15rem auto;
        border-bottom: 1px solid #cccccc;
        // padding-bottom: 0.115rem;
        padding: 0.15rem 0rem 0.115rem 0rem;
        display: flex;
        label{
            width: 20%;
            color: #666666;
        }
        input{
            width: 80%;
            padding-left: 0.2rem;
            border: none;
            color: #666666;
        }
    }
    .register-sj{
        width: 87.2%;
        margin: 0.15rem auto;
        border-bottom: 1px solid #cccccc;
        // padding-bottom: 0.115rem;
        padding: 0.15rem 0rem 0.115rem 0rem;
        display: flex;
        label{
            width: 20%;
            display: block;
            color: #666666;
        }
        span{
            width: 20%;
            display: block;
            color: #666666;
            position: relative;
            a{
                position: absolute;
                top: 0.035rem;
                right: 0.05rem;
               display: block;
                .w(26);
                height: 0.13rem;
                background: url(../images/icon/sprites.png)no-repeat -1.14rem -0.18rem;
                box-sizing: border-box;
                background-size: 3.75rem 4.75rem;
      
            }
        }
 
        input{
            width: 60%;
            // text-align: center;
            border: none;
            
            padding-left: 0.2rem;
          
           
        }
    }
    .register-code{
        position: relative;
        width: 87.2%;
        margin: 0.15rem auto;
        border-bottom: 1px solid #cccccc;
        // padding-bottom: 0.115rem;
        padding: 0.15rem 0rem 0.115rem 0rem;
        display: flex;
        label{
            width: 20%;
            display: block;
            color: #666666;
            padding: 0.05rem 0rem ;
        }

        input{
            width: 55%;
            border: none;
            padding-left: 0.2rem;
           
        }
        .box{
            width: 25%;
            .btn{
                width: 100%;
                border: none;
                background-color: #cccccc;
                color: #ffffff;
                padding: 0.05rem 0rem ;
                border-radius: 0.05rem;
                display: none;
                text-align: center;
                span{

                }
               
            }
            .btn.time{
               display: block;
            }
        }
      
    }
    .register-password{
        width: 87.2%;
        margin: 0.15rem auto;
        border-bottom: 1px solid #cccccc;
        // padding-bottom: 0.115rem;
        padding: 0.15rem 0rem 0.115rem 0rem;
        display: flex;
        label{
            width: 20%;
            display: block;
            color: #666666;
        }
        span{
            width: 20%;
            display: block;
            color: #666666;
            position: relative;
            a{
                position: absolute;
                top: 0.035rem;
                right: 0.05rem;
               display: block;
                .w(36);
                height: 0.13rem;
                background: url(../images/icon/sprites.png)no-repeat -1.4rem -0.18rem;
                box-sizing: border-box;
                background-size: 3.75rem 4.75rem;
      
            }
            a.remove{
                // position: absolute;
                // top: 0.035rem;
                right: 0.3rem;
            //    display: block;
                // .w(26);
                // height: 0.13rem;
                background: url(../images/icon/sprites.png)no-repeat -1.14rem -0.18rem;
                box-sizing: border-box;
                background-size: 3.75rem 4.75rem;
            }
        }
 
        input{
            width: 60%;
            border: none;
            font-size: 0.14rem;
            padding-left: 0.2rem;
           
        }
    }
    .register-bar{
        width: 87.2%;
        margin: 0.64rem auto;
        .btn{
            width: 100%;
            text-align: center;
           font-size: 0.16rem;
           padding: 0.13rem 0rem;
           border: none;
           color: #fbffff;
           background-color: #f7c612;
           border-radius: 0.05rem;
        }
    }
    .register-bar-btn{
        width: 87.2%;
        margin: 0.315rem auto;
       position: relative;
       display: flex;
       
      
      
    }





}

}